<div class="sui-form form-horizontal">
    <div class="overall" style="height: 37px;margin-bottom: 5px;border-bottom: 1px dashed #ccc;">
        <a class="sui-btn j_allArea" ng-click="selectAll()">全选</a>
        <a class="sui-btn j_noneArea" ng-click="cancleAll()">清空</a>
        <!-- <a class="sui-btn j_hotArea">江浙沪</a> -->
    </div>
    <div style="text-align: center;">
        <div style="width: 120px;float: left;margin-bottom: 10px;" ng-repeat="(key, value) in provinces">
            <label data-toggle="checkbox" class="checkbox-pretty inline {{value.checked?'checked':''}}">
                <input type="checkbox" id="province_{{value.area_id}}" name="province" value="{{value.area_id}}" ng-click="selectOne($event,value.area_id)" ng-checked="value.checked"><span>{{value.area}}</span>
            </label>
        </div>
    </div>
</div>